<template>
  <div :class="classes" style="">
    <slot></slot>
  </div>
</template>
<script lang="ts">
import {getCurrentInstance, defineComponent, SetupContext, watch} from 'vue';

export default defineComponent({
  name: "SplitArea",
  props: {
    size: {
      type: Number,
      default: 50,
    },
    minSize: {
      type: Number,
      default: 100,
    },
  },
  setup(props, ctx: SetupContext) {
  },
  computed: {
    classes(): string {
      const parent = getCurrentInstance()?.parent;
      const a = parent?.props;
      return `split split-area split-` + a?.direction;
    },
  }

})
</script>
<style>
</style>